<template>
  <div class="help_box">
    <topHeader>
      <div slot="left">
        <img src="./../../assets/img/return.png" alt="" @click="goMine">
      </div>
      <span slot="center">
        帮助中心
      </span>
    </topHeader>
    <div class="help_box_con">
      <div class="help_moudle" @click="goArticleInfo(0)">
        <div>1.乘客相关问题</div>
        <div>>></div>
      </div>
      <div class="help_moudle" @click="goArticleInfo(1)">
        <div>2.车主相关问题</div>
        <div>>></div>
      </div>
      <div class="help_moudle" @click="goArticleInfo(2)">
        <div>3.认证相关问题</div>
        <div>>></div>
      </div>
      <div class="help_moudle" @click="goArticleInfo(3)">
        <div>4.拼车规则</div>
        <div>>></div>
      </div>
      <div class="help_moudle" @click="goArticleInfo(4)">
        <div>5.余额账户问题</div>
        <div>>></div>
      </div>
      <div class="help_moudle" @click="goArticleInfo(5)">
        <div>6.黑名单</div>
        <div>>></div>
      </div>
      <div class="help_moudle" @click="goArticleInfo(6)">
        <div>7.其他问题</div>
        <div>>></div>
      </div>
    </div>
  </div>
</template>

<script>
import topHeader from './../../components/topHeader'
export default {
  data () {
    return {
    }
  },

  components: {
    topHeader
  },

  computed: {},

  mounted () {},

  methods: {
    goMine () {
      this.$router.go(-1)
    },
    goArticleInfo (type) {
      if (type === 0) {
        this.$router.push({ name: 'helpArticle', query: { id: 0 } })
      }
      if (type === 1) {
        this.$router.push({ name: 'helpArticle', query: { id: 1 } })
      }
      if (type === 2) {
        this.$router.push({ name: 'helpArticle', query: { id: 2 } })
      }
      if (type === 3) {
        this.$router.push({ name: 'helpArticle', query: { id: 3 } })
      }
      if (type === 4) {
        this.$router.push({ name: 'helpArticle', query: { id: 4 } })
      }
      if (type === 5) {
        this.$router.push({ name: 'helpArticle', query: { id: 5 } })
      }
      if (type === 6) {
        this.$router.push({ name: 'helpArticle', query: { id: 6 } })
      }
      if (type === 7) {
        this.$router.push({ name: 'helpArticle', query: { id: 7 } })
      }
    }
  }
}

</script>
<style lang='less' scoped>
@import url('./help.less');
</style>